  //通过自定义指令 =》处理按钮级的权限   一个是全局  一个是局部



  // 全局 自定义指令 =》app.xx



  // （1）我们怎么获取到这个当前项目vue实例对象  => 自己写插件  app.use()
  // 


  //3 创建按钮级权限表

  let   limitList = [  //  这个按钮是否有权限,
    {button:'FinanceChildren1',limits:['员工','主管','boss']},
    {button:'FinanceChildren2',limits:['主管','boss']},
    {button:'wLine',limits:['主管','boss']},
  ]


  //4使用我们这个自定义指令 v- limitB ="当前组件的名称"

  export default function zhuDirectives(app:any){
     //创建全局自定义指令 =》 处理按钮级权限
     app.directive('limitB',{
           mounted(el:any,val:any){  //参数1  当前组件 dom   参数2 指令的值   
               console.log(el,111111,val.value);
               //根据 按钮级的权限表进行 ，进行按钮级的显示和隐藏
            let doms=   limitList.find((item:any,index:number)=>{
                  return item.button==val.value
               }) 
               
               if(doms){ //有
                let vals =   doms.limits.findIndex((ite:any,is:number)=>{
                        return ite == sessionStorage.getItem('limit') 
                })

                  if(vals>-1){ //有 =》组件显示

                  }else{ //没有 =》这个组件不显示
                    el.remove()
                  }
               }else{ //不显示
                el.remove()
               }
           }
     })
     
  }






